<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:py="http://purl.org/kid/ns#">

    <head>
    <meta content="text/html; charset=UTF-8"
    http-equiv="content-type" py:replace="''"/>
    <title>Login</title>
    <style type="text/css">
#loginBox
{
width: 30%;
margin: auto;
        margin-top: 10%;
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 5%;
        padding-bottom: 5%;
        font-family: verdana;
        font-size: 10px;
        background-color: #eee;
border: 2px solid #ccc;
}

#loginBox h1
{
    font-size: 42px;
    font-family: "Trebuchet MS";
margin: 0;
color: #ddd;
}

#loginBox p
{
position: relative;
top: -1.5em;
     padding-left: 4em;
     font-size: 12px;
margin: 0;
color: #666;
}

#loginBox table
{
    table-layout: fixed;
    border-spacing: 0;
width: 100%;
}

#loginBox td.label
{
width: 33%;
       text-align: right;
}

#loginBox td.field
{
width: 66%;
}

#loginBox td.field input
{
width: 100%;
}

#loginBox td.buttons
{
    text-align: right;
}

</style>
</head>

<body>
<div id="loginBox">
<h1>Login</h1>
<p>${message}</p>
<form action="${previous_url}" method="POST">
<table>
<tr>
<td class="label">
<label for="email_address">Email-address:</label>
</td>
<td class="field">
<input type="text" id="email_address"
name="email_address"/>
</td>
</tr>
<tr>
<td class="label">
<label for="password">Password:</label>
</td>
<td class="field">
<input type="password" id="password" name="password"/>
</td>
</tr>
<tr>
<td class="buttons">
<a href="javascript:history.back()">Voltar</a>
</td>
<td class="buttons">
<input type="submit" name="login" value="Login"/>
</td>
</tr>
</table>

<input py:if="forward_url" type="hidden" name="forward_url"
value="${forward_url}"/>

<input py:for="name,value in original_parameters.items()"
type="hidden" name="${name}" value="${value}"/>
</form>
<span align="center">
</span>
</div>
</body>
</html>
